<%--
  Created by IntelliJ IDEA.
  User: 87070
  Date: 2022/10/17
  Time: 11:48
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        #app {
            width: 400px;
            height: 400px;
            background-color: #ddd;
        }
    </style>
</head>
<body>
<div id="qrcode"></div>
<div id="app"></div>

<script src="${pageContext.request.contextPath}/static/jquery-3.6.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/jquery.qrcode.min.js"></script>
<script>



        //使用table生成
        // $('#qrcode').qrcode({
        //     render: "table",
        //     text: "https://www.baidu.com"
        // });

<%--        <%=%>"http://"+request.getRemoteAddr()+":"+request.getRemotePort()+"/AutoService/downloadexcel.action" %>;--%>
<%--        var ip=<%request.getRemoteAddr();%>;--%>
<%--        var port=<% request.getRemotePort(); %>--%>
        //var url="http://192.168.3.16:8080${pageContext.request.contextPath}/front/index.jsp";
        var url="https://www.baidu.com";

        // //生成100*100(宽度100，高度100)的二维码
        // $('#qrcode').qrcode({
        //     render: "canvas", //也可以替换为table
        //     width: 100,
        //     height: 100,
        //     foreground: "green",
        //     background: "#FFF",
        //      text: url
        //     // $("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码
        // });

        <%--const img = new Image();--%>
        <%--img.onload = () => {--%>
        <%--    const options = {--%>
        <%--        // 渲染成  canvas/div/image--%>
        <%--        render: "canvas",--%>

        <%--        // content--%>
        <%--        text: url,--%>
        <%--        // width: 100,--%>
        <%--        // height: 100,--%>
        <%--        foreground: "green",--%>
        <%--        background: "#FFF",--%>
        <%--        // 图片--%>
        <%--        image: img,--%>
        <%--    };--%>
        <%--    $("#qrcode").qrcode(options);--%>
        <%--};--%>
        <%--img.src = "${pageContext.request.contextPath}/static/img/a.jpg";--%>




    //使用canvas生成
    $('#qrcode').qrcode({
        render: "canvas",
        text: "https://www.baidu.com"
    });

</script>
</body>
</html>
